<template>
	<view class="contact">
		<image class="img" src="http://www.itcast.cn/2018czydz/images/gywmban.jpg"></image>
	    <view class="info">
			<view @click="callPhone">联系电话：17691074601</view>
			<view>联系地址：陕西省西安市南窑头西区</view>
		</view>
		<map class="map" :longitude="longitude" scale=12 :latitude="latitude" :markers="markers"></map>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				longitude:108.887716,
				latitude:34.223615,
				markers:[
					{
				    longitude:108.887716,
					latitude:34.223615,
					iconPath:'../../static/hmlogo.png',
					width: 30,
					height:30
					}
				]
			}
		},
		methods: {
			callPhone(){
				uni.makePhoneCall({
					phoneNumber:'17691074601'
				})
			}
		}
	}
</script>

<style lang="scss">
 .contact{
	 .img{
		 width: 750rpx;
		 height: 320rpx;
	 }
	 .info{
		 padding: 10rpx 20rpx;
		 font-size: 30rpx;
		 view{
			line-height: 50rpx;
			border-bottom: 1px solid #eee; 
		 }
		
	 }
	 .map{
		 width: 750rpx;
		 height: 750rpx;
	 }
 }
</style>
